<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<style type="text/css"> 
body{font:"宋体";font-size:12px;} 
*{margin:0;padding:0;}
a:link,a:visited{font-size:12px;color:#666;text-decoration:none;} 
a:hover{color:#ff0000;text-decoration:underline;} 
#Tab{margin:0 auto;width:718px;border:1px solid #BCE2F3;float:left;} 
.Menubox{height:28px;border-bottom:1px solid #64B8E4;background:#E4F2FB;} 
.Menubox ul{list-style:none;margin:7px 10px;padding:0;position:absolute;} 
.Menubox ul li{float:left;background:#64B8E4;line-height:20px;display:block;cursor:pointer;width:65px;text-align:center;color:#fff;font-weight:bold;border-top:1px solid #64B8E4;border-left:1px solid #64B8E4;border-right:1px solid #64B8E4;} 
.Menubox ul li.hover{background:#fff;border-bottom:1px solid #fff;color:#147AB8;}
.Contentbox{clear:both;margin-top:0px;border-top:none;height:459px;padding-top:8px;} 
.Contentbox div{width:718px;height:100%;margin:0 auto;padding:0px;border:#000 solid 0px;}

.mybutton{margin-left:10px; width:70px;}
.tablelist{margin:0 auto;width:600px;border-collapse:collapse;margin-top:15px;}
.tableheader td{border:1px solid #BCE2F3;height:20px;background:#E4F2FB;text-align:center;}
.tableline{border:1px solid #BCE2F3;height:20px;}
.tableline td{border:1px solid #BCE2F3;}
.jumppage{width:600px;float:left;margin-left:59px;text-align:right;margin-top:10px;}
</style>

<script> 
var table_row_num = 10;
var cur_page = 1;
var total_page;

function setTab(name,cursel,n){ 
    for(i=1;i<=n;i++){ 
    	var menu=document.getElementById(name+i); 
    	var con=document.getElementById("con_"+name+"_"+i); 
		menu.className=i==cursel?"hover":""; 
		con.style.display=i==cursel?"block":"none"; 
	}
}

</script> 

</head>
<body>
<div id="Tab"> 
	<div class="Menubox"> 
		<ul> 
			<li id="menu1" onclick="setTab('menu',1,2)" class="hover">关键词回复</li> 
			<li id="menu2" onclick="setTab('menu',2,2)" >文字菜单</li> 
		</ul> 
	</div> 
	<div class="Contentbox"> 
		<div id="con_menu_1" class="hover"> 
			<div id="keyword">
                <iframe src="keyReply.jsp" width="722px" height="500px" frameborder="no"></iframe>
			</div>
		</div> 
		<div id="con_menu_2" style="display:none"> 
			<div id="my">
			    <iframe src="textMenu.jsp" width="722px" height="500px" frameborder="no"></iframe>
			</div>  
		</div> 
	</div> 
</div> 
</body>
</html>